body, td {
  font-family : arial,sans-serif;
}
body {
  margin : 0; padding : 0;
  overflow : hidden;
  -webkit-user-select : none;
  -moz-user-select: none;
  user-select : none;
}
body.overlay {
  background : transparent none;
}
body.standalone {
  background-color : white;
}

.ui-resizable-handle {
  overflow : hidden;
  position : absolute;
  z-index : 1001;
}
.ui-resizable-ne,
.ui-resizable-sw,
.ui-resizable-se {
  height : 12px;
  width : 12px;
}
.ui-resizable-n {
  cursor : n-resize;
  height : 6px;
  top : 6px;
  left : 6px;
  right : 6px;
}
.ui-resizable-s {
  cursor : s-resize;
  height : 6px;
  bottom : 0px;
  left : 6px;
  right : 6px;
}
.ui-resizable-w {
  cursor : w-resize;
  width : 6px;
  left : 6px;
  top : 6px;
  bottom : 0px;
}
.ui-resizable-e {
  cursor : e-resize;
  width : 6px;
  right : 0px;
  top : 6px;
  bottom : 0px;
}
.ui-resizable-ne {
  cursor : ne-resize;
  top : 6px;
  right :1px;
}
.ui-resizable-sw {
  cursor : sw-resize;
  bottom : 1px;
  left : 6px;
}
.ui-resizable-se {
  cursor : se-resize;
  bottom : 1px;
  right :1px;
}
.root {
  width : 100%;
  height : 100%;
  overflow : hidden;
}
.gadget-bar {
  width : 100%;
}
.gadget-bar .buttons {
  position : absolute;
  z-index : 10;
  top : 6px;
  left : 6px;
}
.gadget-bar .btn-toggle {
  cursor : pointer;
  width : 28px;
  height : 28px;
  background : transparent url(../images/gadgetbar/btn-close.png) no-repeat scroll 0 0;
}
body.msie .gadget-bar .btn-toggle {
  background-image : url(../images/gadgetbar/btn-close.gif);
}

.gadget-bar .closed .btn-toggle {
  background : transparent url(../images/gadgetbar/btn-add.png) no-repeat scroll 0 0;
}
body.msie .gadget-bar .closed .btn-toggle {
  background-image : url(../images/gadgetbar/btn-add.gif);
}

.gadget-bar .main {
  width : 100%;
  height : 90px;
  background : transparent url(../images/gadgetbar/bg.png) repeat-x scroll 0 0;
}
.gadget-bar .gadget-list-wrapper {
  height : 80px;
  padding-right : 100px;
}
.gadget-bar .gadget-list-wrapper .gadget-list {
  position : relative;
  width : 100%;
  height : 80px;
  overflow : hidden;
}
.gadget-list .gadget-container {
  position : absolute;
  left : 32px;
  right : 32px;
}
.gadget-list .gadget-control {
  position : absolute;
  cursor : pointer;
  top : 50px;
  width : 16px;
  height : 16px;
}

.gadget-list .prev {
  left : 16px;
  background : transparent url(../images/gadgetbar/arrow-left.png) no-repeat scroll 0 0;
}
body.msie .gadget-list .prev {
  background-image : url(../images/gadgetbar/arrow-left.gif);
}

.gadget-list .next {
  right : 16px;
  background : transparent url(../images/gadgetbar/arrow-right.png) no-repeat scroll 0 0;
}
body.msie .gadget-list .next {
  background-image : url(../images/gadgetbar/arrow-right.gif);
}

.gadget-bar .ext-list {
  position : absolute;
  top : 0px;
  right : 0px;
  width : 100px;
  border-left-color : #224466;
  border-left-style : dotted;
  border-left-width : 4px;
}
.gadget-list .gadget {
  float : left;
}
.gadget {
  width : 84px;
  height : 70px;
  text-align : center;
  margin : 5px;
}
.gadget .title {
  font-family : tahoma,arial,verdana,sans-serif;
  font-size : 10px;
  font-weight : bold;
  white-space : nowrap;
  overflow : hidden;
}

.gadget .icon {
  margin : 8px 18px 0;
  width : 48px;
  height : 48px;
  background : transparent url(../images/gadgetbar/shadow.png) no-repeat scroll 0 0;
  cursor : pointer;
  overflow : hidden;
}
body.msie .gadget .icon {
  background-image : url(../images/gadgetbar/shadow.gif);
}

.gadget .icon img {
  margin : 3px 4px;
  width : 40px;
  height : 40px;
}

.default .icon {
  background : transparent url(../images/gadgetbar/default-icon.png) no-repeat scroll 0 0;
}
body.msie .default .icon {
  background-image : url(../images/gadgetbar/default-icon.gif);
}

.trash .icon {
  background-image : url(../images/gadgetbar/trash-icon.png);
}
body.msie .trash .icon {
  background-image : url(../images/gadgetbar/trash-icon.gif);
}

.trash .cloud {
  position : absolute;
  top : 8px;
  left : 18px;
  width : 48px;
  height : 48px;
  background-image : url(../images/gadgetbar/cloud.png);
}
body.msie .trash .cloud {
  background-image : url(../images/gadgetbar/cloud.gif);
}

.trash-hover .icon {
  opacity : .5;
  filter : alpha(opacity=50);
}

.new-gadget .icon {
  background-image : url(../images/gadgetbar/new-gadget-icon.png);
}
body.msie .new-gadget .icon {
  background-image : url(../images/gadgetbar/new-gadget-icon.gif);
}

.dashboard {
  position : relative;
  width : 100%;
}
.dashboard .screen {
  width : 100%;
  height : 100%;
}
.dashboard .screen .wallpaper {
  position : absolute;
  width : 100%;
  height : 100%;
  background : transparent none repeat scroll 0 0;
}
.dashboard .nav {
  position : absolute;
  border : 1px solid #444;
  width : 30px; height : 250px;
  background-color : #888;
  z-index : 30001;
  line-height : 230px;
  text-align: center;
  font-size : 40px;
}
.dashboard .next {
  right : 2px;
}
.dashboard .prev {
  left : 2px;
}
.dashboard .profile {
  position : absolute;
  right : 0px;
  top : 0px;
  width : 200px;
}

.dashboard .profile .l {
  background : transparent url(../images/dashboard/profile-l.png) repeat-y scroll 0 0;
  padding-left : 15px;
}
body.msie .dashboard .profile .l {
  background-image : url(../images/dashboard/profile-l.gif);
}

.dashboard .profile .c {
  font-size : 12px;
  padding : 4px;
  text-align : right;
  background-color : #ffffff;
}

.dashboard .profile .bl {
  background : transparent url(../images/dashboard/profile-bl.png) no-repeat scroll 0 bottom;
  padding-left : 15px;
}
.dashboard .profile .bl {
  background-image : url(../images/dashboard/profile-bl.gif);
}

.dashboard .profile .bc {
  background : transparent url(../images/dashboard/profile-b.png) repeat-x scroll 0 bottom;
  font-size : 0;
  line-height : 0;
  height : 15px;
}
body.msie .dashboard .profile .bc {
  background-image : url(../images/dashboard/profile-b.gif);
}

.dashboard .profile img.photo {
  float : left;
  margin-right : 5px;
  width : 48px;
  height : 48px;
}
.dashboard .profile .name {
  line-height : 25px;
  margin : 0px 3px;
  font-weight : bold;
}
.floating-gadget {
  margin : 0;
  padding : 6px 0 0 6px;
  cursor : move;
}
.floating-gadget .btn-close,
.floating-gadget .btn-close-ctrl {
  cursor : pointer;
  width : 28px;
  height : 28px;
}
.floating-gadget .btn-pref,
.floating-gadget .btn-pref-ctrl {
  width : 18px;
  height : 18px;
}
.floating-gadget .btn-close {
  background : transparent url(../images/gadget/btn-close.png) no-repeat scroll 0 0;
}
body.msie .floating-gadget .btn-close {
  background-image : url(../images/gadget/btn-close.gif);
}

.floating-gadget .btn-pref {
  background : transparent url(../images/gadget/btn-pref.png) no-repeat scroll 0 0;
}

.floating-gadget .btn-close-ctrl,
.floating-gadget .btn-pref-ctrl {
  position : absolute;
  z-index : 1;
  cursor : pointer;
  background : white;
  opacity : 0;
  filter : alpha(opacity=0);
  top : 0px;
  left : 0px;
}
.floating-gadget .btn-close-wrap,
.floating-gadget .btn-pref-wrap {
  position : absolute;
  z-index : 10001;
}
.floating-gadget .btn-close-wrap {
  top : 0px;
  left : 0px;
  width : 28px;
  height : 28px;
}
.floating-gadget .btn-pref-wrap {
  top : 10px;
  right : 10px;
  width : 18px;
  height : 18px;
}
.floating-gadget .header {
  color : #ffffff;
  line-height : 28px;
  font-family : tahoma,arial,verdana,sans-serif;
  font-size : 11px;
  font-weight : bold;
}
.floating-gadget .main {
  position : relative;
}
.floating-gadget .main .cover {
  position : absolute;
  z-index : 10000;
  font-size : 1000px;
  overflow : hidden;
  cursor : move;
}

.floating-gadget .tl {
  background : transparent url(../images/gadget/default/tl.png) no-repeat scroll 0 0;
  padding-left : 24px;
  height : 24px;
}
.floating-gadget .tr {
  background : transparent url(../images/gadget/default/tr.png) no-repeat scroll right 0;
  padding-right : 12px;
}
.floating-gadget .tc {
  background : transparent url(../images/gadget/default/tc.png) repeat-x scroll 0 0;
  overflow : hidden;
  height : 24px;
}

.floating-gadget .ml {
  background : transparent url(../images/gadget/default/ml.png) repeat-y scroll 0 0;
  padding-left : 12px;
}
.floating-gadget .mr {
  background : transparent url(../images/gadget/default/mr.png) repeat-y scroll right 0;
  padding-right : 12px;
}
.floating-gadget .mc {
  overflow : auto;
  background-color : #6b75b0;
}

.floating-gadget .bl {
  background : transparent url(../images/gadget/default/bl.png) no-repeat scroll 0 bottom;
  padding-left : 12px;
}
.floating-gadget .br {
  background : transparent url(../images/gadget/default/br.png) no-repeat scroll right bottom;
  padding-right : 12px;
}
.floating-gadget .bc {
  background : transparent url(../images/gadget/default/bc.png) repeat-x scroll 0 bottom;
  font-size : 0;
  line-height : 0;
  height : 12px;
}

.floating-gadget .pref {
  color : white;
  width : 95%;
}
.floating-gadget .pref table {
  color : white;
  width : 100%;
  font-size : 12px;
}
.floating-gadget .pref table td.p {
  width : 30%;
  text-align : right;
  padding-right : 5px;
}
.floating-gadget .pref table td.v input {
  width : 100%;
}
.floating-gadget .pref td.color span.color {
  cursor : pointer;
  display : block;
  float : left;
  height : 10px;
  width : 10px;
  margin-left : 2px;
  margin-bottom : 2px;
  border : 2px solid #333333;
}
.floating-gadget .pref td.color span.blue {
  background-color : #6b75b0;
}
.floating-gadget .pref td.color span.red {
  background-color : #b76776;
}
.floating-gadget .pref td.color span.green {
  background-color : #6ab36a;
}
.floating-gadget .pref td.color span.yellow {
  background-color : #b0a168;
}
.floating-gadget .pref td.color span.cyan {
  background-color : #5db1a2;
}
.floating-gadget .pref td.color span.magenta {
  background-color : #a864a4;
}
.floating-gadget .pref td.color span.gray {
  background-color : #8c8c8c;
}
.floating-gadget .pref td.color span.white {
  background-color : #c3c2c3;
}
.floating-gadget .pref td.color span.selected {
  border : 2px solid white;
}
.floating-gadget .pref .buttons {
  margin : 4px;
  text-align : right;
}

/* blue skin */
.floating-gadget .blue .tl {
  background-image : url(../images/gadget/blue/tl.png);
}
.floating-gadget .blue .tr {
  background-image : url(../images/gadget/blue/tr.png);
}
.floating-gadget .blue .tc {
  background-image : url(../images/gadget/blue/tc.png);
}
.floating-gadget .blue .ml {
  background-image : url(../images/gadget/blue/ml.png);
}
.floating-gadget .blue .mc {
  background-color : #6b75b0;
}
.floating-gadget .blue .mr {
  background-image : url(../images/gadget/blue/mr.png);
}
.floating-gadget .blue .bl {
  background-image : url(../images/gadget/blue/bl.png);
}
.floating-gadget .blue .br {
  background-image : url(../images/gadget/blue/br.png);
}
.floating-gadget .blue .bc {
  background-image : url(../images/gadget/blue/bc.png);
}


/* red skin */
.floating-gadget .red .tl {
  background-image : url(../images/gadget/red/tl.png);
}
.floating-gadget .red .tr {
  background-image : url(../images/gadget/red/tr.png);
}
.floating-gadget .red .tc {
  background-image : url(../images/gadget/red/tc.png);
}
.floating-gadget .red .ml {
  background-image : url(../images/gadget/red/ml.png);
}
.floating-gadget .red .mc {
  background-color : #b76776;
}
.floating-gadget .red .mr {
  background-image : url(../images/gadget/red/mr.png);
}
.floating-gadget .red .bl {
  background-image : url(../images/gadget/red/bl.png);
}
.floating-gadget .red .br {
  background-image : url(../images/gadget/red/br.png);
}
.floating-gadget .red .bc {
  background-image : url(../images/gadget/red/bc.png);
}


/* green skin */
.floating-gadget .green .tl {
  background-image : url(../images/gadget/green/tl.png);
}
.floating-gadget .green .tr {
  background-image : url(../images/gadget/green/tr.png);
}
.floating-gadget .green .tc {
  background-image : url(../images/gadget/green/tc.png);
}
.floating-gadget .green .ml {
  background-image : url(../images/gadget/green/ml.png);
}
.floating-gadget .green .mc {
  background-color : #6ab36a;
}
.floating-gadget .green .mr {
  background-image : url(../images/gadget/green/mr.png);
}
.floating-gadget .green .bl {
  background-image : url(../images/gadget/green/bl.png);
}
.floating-gadget .green .br {
  background-image : url(../images/gadget/green/br.png);
}
.floating-gadget .green .bc {
  background-image : url(../images/gadget/green/bc.png);
}


/* cyan skin */
.floating-gadget .cyan .tl {
  background-image : url(../images/gadget/cyan/tl.png);
}
.floating-gadget .cyan .tr {
  background-image : url(../images/gadget/cyan/tr.png);
}
.floating-gadget .cyan .tc {
  background-image : url(../images/gadget/cyan/tc.png);
}
.floating-gadget .cyan .ml {
  background-image : url(../images/gadget/cyan/ml.png);
}
.floating-gadget .cyan .mc {
  background-color : #5db1a2;
}
.floating-gadget .cyan .mr {
  background-image : url(../images/gadget/cyan/mr.png);
}
.floating-gadget .cyan .bl {
  background-image : url(../images/gadget/cyan/bl.png);
}
.floating-gadget .cyan .br {
  background-image : url(../images/gadget/cyan/br.png);
}
.floating-gadget .cyan .bc {
  background-image : url(../images/gadget/cyan/bc.png);
}



/* magenta skin */
.floating-gadget .magenta .tl {
  background-image : url(../images/gadget/magenta/tl.png);
}
.floating-gadget .magenta .tr {
  background-image : url(../images/gadget/magenta/tr.png);
}
.floating-gadget .magenta .tc {
  background-image : url(../images/gadget/magenta/tc.png);
}
.floating-gadget .magenta .ml {
  background-image : url(../images/gadget/magenta/ml.png);
}
.floating-gadget .magenta .mc {
  background-color : #a864a4;
}
.floating-gadget .magenta .mr {
  background-image : url(../images/gadget/magenta/mr.png);
}
.floating-gadget .magenta .bl {
  background-image : url(../images/gadget/magenta/bl.png);
}
.floating-gadget .magenta .br {
  background-image : url(../images/gadget/magenta/br.png);
}
.floating-gadget .magenta .bc {
  background-image : url(../images/gadget/magenta/bc.png);
}


/* yellow skin */
.floating-gadget .yellow .tl {
  background-image : url(../images/gadget/yellow/tl.png);
}
.floating-gadget .yellow .tr {
  background-image : url(../images/gadget/yellow/tr.png);
}
.floating-gadget .yellow .tc {
  background-image : url(../images/gadget/yellow/tc.png);
}
.floating-gadget .yellow .ml {
  background-image : url(../images/gadget/yellow/ml.png);
}
.floating-gadget .yellow .mc {
  background-color : #b0a168;
}
.floating-gadget .yellow .mr {
  background-image : url(../images/gadget/yellow/mr.png);
}
.floating-gadget .yellow .bl {
  background-image : url(../images/gadget/yellow/bl.png);
}
.floating-gadget .yellow .br {
  background-image : url(../images/gadget/yellow/br.png);
}
.floating-gadget .yellow .bc {
  background-image : url(../images/gadget/yellow/bc.png);
}


/* gray skin */
.floating-gadget .gray .tl {
  background-image : url(../images/gadget/gray/tl.png);
}
.floating-gadget .gray .tr {
  background-image : url(../images/gadget/gray/tr.png);
}
.floating-gadget .gray .tc {
  background-image : url(../images/gadget/gray/tc.png);
}
.floating-gadget .gray .ml {
  background-image : url(../images/gadget/gray/ml.png);
}
.floating-gadget .gray .mc {
  background-color : #8c8c8c;
}
.floating-gadget .gray .mr {
  background-image : url(../images/gadget/gray/mr.png);
}
.floating-gadget .gray .bl {
  background-image : url(../images/gadget/gray/bl.png);
}
.floating-gadget .gray .br {
  background-image : url(../images/gadget/gray/br.png);
}
.floating-gadget .gray .bc {
  background-image : url(../images/gadget/gray/bc.png);
}


/* white skin */
.floating-gadget .white .header,
.floating-gadget .white .pref,
.floating-gadget .white .pref table {
  color : #222222;
}
.floating-gadget .white .tl {
  background-image : url(../images/gadget/white/tl.png);
}
.floating-gadget .white .tr {
  background-image : url(../images/gadget/white/tr.png);
}
.floating-gadget .white .tc {
  background-image : url(../images/gadget/white/tc.png);
}
.floating-gadget .white .ml {
  background-image : url(../images/gadget/white/ml.png);
}
.floating-gadget .white .mc {
  background-color : #c3c2c3;
}
.floating-gadget .white .mr {
  background-image : url(../images/gadget/white/mr.png);
}
.floating-gadget .white .bl {
  background-image : url(../images/gadget/white/bl.png);
}
.floating-gadget .white .br {
  background-image : url(../images/gadget/white/br.png);
}
.floating-gadget .white .bc {
  background-image : url(../images/gadget/white/bc.png);
}

.dialog-mask {
  position : absolute;
  top : 0;
  left : 0;
  opacity : .5;
  filter : alpha(opacity=50);
  background-color : #000000;
  z-index : 20001;
}
.dialog-content {
  position : absolute;
  background-color : #ffffff;
  border : 2px solid #aaaaaa;
  z-index : 20002;
  color : #444444;
  font-size : 12px;
  padding : 20px;
}
.dialog-content h1 {
  color : #444488;
  font-size : 14px;
  font-weight : bold;
  margin : 3px 0 20px;
}
.dialog-content .body {
  margin : 5px 10px;
}
.dialog-content .body .prompt {
  margin : 10px 0;
}
.dialog-content .body .prompt .label {
  font-weight : bold;
  margin-right : 20px;
}
.dialog-content .body .prompt input.url {
  width : 100%;
}
.dialog-content .buttons {
  margin : 20px 5px;
  text-align : right;
}

.clearfix {
  clear : both;
}

#fc-opensocial-api {
  overflow : hidden;
}

